<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../../../lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/Project.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="../../../lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css" />
    <title>取消订单申请详情</title>
</head>
<body data-id="112">
<nav class="breadcrumb">订单管理 <span class="c-gray en">&gt;</span> 订单查询 <span class="c-gray en">&gt;</span> 订单详情<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<article class="page-container">
    <form class="ml-20 mr-20" id="form-member-add"  method="post">
        <div class="bg-1 bk-gray pd-20 mb-20">
            <div class="va-m lh-20 f-16 pb-15">
                <strong>订单状态：<span id="orderState"></span></strong>
                <span class="f-14" id="cancle_reason"><!--（申请取消订单，原因：购买重复，不想买了）--></span>
                <span class="powerButton 123" id="order_statue2">  </span>
                <span class="powerButton 123" id="order_statue1">  </span>
               <!--<span class="powerButton 123"> <a onclick="returnGoods1('订单拦截')" id="returnGoods1" class="btn btn-secondary radius size-S ml-20" style="margin-right: 20px">退货申请单</a></span>-->

            </div>
            <table>
                <tr>
                    <td class="col-4-1">订单号：<span id="orderId">1234567898765432345</span></td>
                    <td class="col-4-1">下单时间：<span id="creatOrderTime">2017-12-12 23：23：34</span></td>
                    <td class="col-3-1">开发票状态:<span id="invoicetype"></span></td>
                    <td class="col-4-2" colspan="3"></td>                    
                    
                </tr>
                <tr  class="orderRemark">
                    <td class="col-1-1 pt-15" colspan="3"><span class="f-l">订单备注：</span>
                        <div class="formControls col-xs-8 col-sm-9 f-l">
                            <textarea name="remarkVal" class="textarea radius" id="comfirmRemark" placeholder="请输入备注信息" readonly="readonly"></textarea>
                        </div>
                        <div id="isSaveFalse" class="mt-50 pt-20 f-l powerButton 123" onclick="toEdit()"><a class="mr-20">编辑</a></div>
                        <div id="isSaveTrue" style="display:none" class="mt-50 pt-20 f-l"><a onclick="remarkToSave()" class="mr-20">保存</a><a onclick="toCancle()" class="mr-20">取消</a></div>
                    </td>
                </tr>
            </table>
        </div>
        <div class="bg-1 bk-gray pd-20 mb-20">
            <div class="va-m lh-20 f-14 pb-15">
                <strong>基本信息</strong>
            </div>
            <div class="line"></div>
            <div class="pd-20 mb-20">
                <table>
                    <tr>
                        <td class="col-4-l">客户名称：<span id="buyer-name">中铁六局</span></td>
                        <td class="col-4-1">下单账号：<span id="created-order-code">91000000</span></td>
                        <td class="col-4-1" style="position:relative;"><span class="f-l">联系方式：</span>
                         <span id="cell-phone-number" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width:50px;display:inline-block;"></span>
                          <div id="mouseBoxTwo" style="position:absolute;left: 50px;top:20px; background: #fff;padding:10px;border:1px solid #ccc;display:none;"></div>

                        </td>
                        <td class="col-4-1">销售经理：<span id="sales-manager">红色</span></td>
                    </tr>
                    <tr>
                        <td class="col-3-1" style="position:relative;"><span class="f-l">收货人：</span>
                            <span id="consignee" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width:50px;display:inline-block;"></span>
                            <div id="mouseBox" style="position:absolute;left: 50px;top:20px; background: #fff;padding:10px;border:1px solid #ccc;display:none;"></div>

                        </td>
                        <td class="col-4-1 va-t">收货地址：<span id="receiver-address">家用电线电缆BV系列</span></td>
                    </tr>
                </table>
            </div>

            <div class="va-m lh-20 f-14 pb-15">
                <strong>支付与配送信息</strong>
            </div>
            <div class="line"></div>
            <div class="pd-20 mb-20">
                <table>
                    <tr>
                        <td class="col-4-1">支付方式：<span id="pay-type">91000000</span></td>
                        <td class="col-4-1">配送方式：<span id="delivery-method">91000000</span></td>
                        <!--<td class="col-4-1">运费：<span id="freight">家用电线电缆BV系列</span></td>-->
                        <td class="col-4-1" id="predixttime" style="width: 275px">预计送达时间：<span id="predixt-delivery-time"></span></td>
                        <td class="col-5-3" id="selftakein" style="display: none">自提时间：<span id="self_take_in"></span></td>
                    </tr>
                    <tr>
                        <td class="col-4-1" id="wanna_edin" style="width: 275px">期望送达时间：<span id="wanna_arrived_in"></span></td>
                        <td class="col-4-1">司机：<span id="driver-phone">张三110</span></td>
                        <td class="col-4-1">配送员：<span id="distributor-phone">李四120</span></td>
                    </tr>
                    <tr>
                        <td class="col-3-1">原运费：<span id="shippingfee">0</span><span>元</span></td>
                        <td class="col-3-1">实际运费：<span id="couponrealvalue"></span></td>
                    </tr>
                    <tr>
                        <td class="col-3-2" id="selftakeshop" style="display: none">自提点：<span id="self_take_shop"></span></td>
                        <td class="col-4-3" id="receiverdetailaddress" style="display: none">自提点地址：<span id="receiver_detail_address"></span></td>
                        <td class="col-3-2" id="selftakephone"  style="display: none">自提点联系方式：<span id="self_take_phone"></span></td>
                    </tr>
                </table>
            </div>

            <div class="va-m lh-20 f-14 pb-15">
                <strong>发票信息</strong>
            </div>
            <div class="line"></div>
            <div class="pd-20 mb-20">
                <table>
                    <tr>
                        <td class="col-4-3">发票类型：<span id="invoice-type"></span></td>
                    </tr>
                    <tr><td class="col-4-1">发票抬头：<span id="invoice-title"></span></td>
                       </tr>
                    <tr>
                        <td class="col-4-1">发票内容：<span id="invoice-content"></span></td>
                    </tr>
                </table>
            </div>

            <div class="va-m lh-20 f-14 pb-15">
                <strong>商品信息</strong>
            </div>
            <div class="pd-20 mb-20">
                <table class="table table-border table-bordered table-hover table-bg table-sort mt-10" id="datatable">
                    <thead>
                    <tr class="text-c">
                        <th style="width: 300px;">商品</th>
                        <th>发货仓</th>
                        <th>购买数量</th>
                        <th>发货数量</th>
                        <th>收货数量</th>
                        <th>可退数量</th>
                        <th>单价</th>
                        <th>满减券分摊</th>
                        <th>运费分摊</th>
                        <th>促销分摊</th>
                        <th>积分分摊</th>
                        <th>小计</th>
                    </tr>
                    </thead>
                    <tbody class="shun">
                    </tbody>
                </table>
            </div>
            <div class="text-r pd-20">
                <p>商品金额：&yen;<span id="goodsAmount">200.00</span></p>
                <p>运&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;费：&yen;<span id="fare">200.00</span></p>
                <p>促销立减：&yen;<span id="cuxiao"></span></p>
                <p>积分抵扣：&yen;<span id="integral"></span></p>
                <p>订单总金额：&yen;<span id="orderAmount">200.00</span></p>
            </div>
            <div id="returnInfoBox" style="display: none;">
                <div class="va-m lh-20 f-14 pb-15">
                    <strong>退款信息</strong>
                </div>
                <div class="line"></div>
                <div class="pd-20 mb-20">

                    <table id="returnTable">

                    </table>
                </div>
            </div>
        </div>

    </form>
</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../../ht-js/verifyToken.js?rev=@@hash"></script>
<script src="../../../ht-js/Project.js?rev=@@hash"></script>
<script src="../../../ht-js/order/prepare-info2.js?rev=@@hash"></script>
<script src="../../../ht-js/dynamicWarehouse.js?rev=@@hash"></script>
<script src="../../../ht-js/warehouse.js?rev=@@hash"></script>
<!--权限控制-->
<script type="text/javascript" src="../../../ht-js/power.js?rev=@@hash"></script>
<script>
    // 驳回按钮弹窗
   /*$(".reject").click(function(){
        layer.confirm('您确定要驳回吗？',
            {title:'提示',btn: ['是','否']})
    });*/
    // 跟进按钮弹窗
   /* $(".follow").click(function(){
        layer.msg('客服跟进处理！');
    })*/


</script>
</body>
</html>